/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE_AFL.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magentocommerce.com for more information.
 *
 * @copyright  Copyright (c) 2014 X.commerce, Inc. (http://www.magentocommerce.com)
 * @license    http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */

.grid-row {
    width: 100%;
}
.grid-row > [class*="grid"] {
    display: block;
    float: left;
    width: 100%;
    margin-left: 2.127659574%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.grid-row > [class*="grid"]:first-child {
    margin-left: 0;
}

.grid-row .grid-12 {
    width: 99.99999998999999%;
}

.grid-row .grid-11 {
    width: 91.489361693%;
}

.grid-row .grid-10 {
    width: 82.97872339599999%;
}

.grid-row .grid-9 {
    width: 74.468085099%;
}

.grid-row .grid-8 {
    width: 65.95744680199999%;
}

.grid-row .grid-7 {
    width: 57.446808505%;
}

.grid-row .grid-6 {
    width: 48.93617020799999%;
}

.grid-row .grid-5 {
    width: 40.425531911%;
}

.grid-row .grid-4 {
    width: 31.914893614%;
}

.grid-row .grid-3 {
    width: 23.404255317%;
}

.grid-row .grid-2_4 {
    width: 18.29799%;
}

.grid-row .grid-9_6 {
    width: 79.574938722%;
}

.grid-row .grid-7_2 {
    width: 59.149289148%;
}

.grid-row .grid-4_8 {
    width: 38.723639574%;
}

.grid-row .grid-2 {
    width: 14.89361702%;
}

.grid-row .grid-1 {
    width: 6.382978723%;
}

.grid-gap-1 {
    margin-right: 8.510638297%;
}

.grid-gap-2 {
    margin-right: 17.021276594%;
}

.grid-gap-3 {
    margin-right: 25.531914891%;
}

.grid-gap-4 {
    margin-right: 34.042553188%;
}

.grid-gap-5 {
    margin-right: 42.553191485%;
}

.grid-gap-6 {
    margin-right: 51.06382978199999%;
}

.grid-gap-7 {
    margin-right: 59.574468079%;
}

.grid-gap-8 {
    margin-right: 68.08510637599999%;
}

.grid-gap-9 {
    margin-right: 76.595744673%;
}

.grid-gap-10 {
    margin-right: 85.10638296999999%;
}

.grid-empty {
    min-height: 1px;
}

.grid-collapsed > [class*="grid"] {
    margin-left: 0;
}

.grid-collapsed  .grid-1 {
    width: 8.333333333%;
}

.grid-collapsed  .grid-2 {
    width: 16.666666666%;
}

.grid-collapsed  .grid-3 {
    width: 24.999999999%;
}
.grid-collapsed  .grid-4 {
    width: 33.333333332%;
}

.grid-collapsed  .grid-5 {
    width: 41.666666665%;
}

.grid-collapsed  .grid-6 {
    width: 49.999999998%;
}

.grid-collapsed  .grid-7 {
    width: 58.333333331%;
}

.grid-collapsed  .grid-8 {
    width: 66.666666644%;
}

.grid-collapsed  .grid-9 {
    width: 74.999999997%;
}

.grid-collapsed  .grid-10 {
    width: 83.333333333%;
}

.grid-collapsed  .grid-11 {
    width: 91.666666663%;
}

.grid-row:before,
.grid-row:after {
    display: table;
    content: "";
}

.grid-row:after {
    clear: both;
}

@media screen and (max-width: 960px) {

    .grid-row > [class*="grid"] {
        width: 100%;
        margin-left: 0;
    }

}